<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button class="btn">获取元素的内容</button>
<div id="content">文本内容，<h2>属性值</h2></div>
<script>
    //   -操作元素----文本内容，属性值
    // 文本内容====innerText，innerHTML
    // -获取：
    //     元素对象.innerText
    //     元素对象.innerHTML
    // 获取元素对象
    const btn = document.querySelector('.btn'); // 获取按钮对象
    const content = document.querySelector('#content'); // 获取div元素对象
    //  注册btn按钮的点击事件，并获取content的元素内容
    btn.onclick = function () {
        // 获取元素内容
        // console.log(content.innerText);
        // console.log(content.innerHTML);
        // 修改元素内容
        // content.innerText = '修改后的<a href="">内容</a>';
        content.innerHTML = '修改后的<a href="">内容</a>';
    };

    // -修改：
    //     元素对象.innerText=值
    //     元素对象.innerHTML=值

</script>
</body>
</html>
